
<div class="canvas">
    <div class="internet">
        <div class="internet-icon">
            <i class="icon-internet internet-icon-point"></i>
        </div>
    </div>
    <div class="subnets">
        <div class="subnet" ng-repeat="vpc in model.vpcs track by $index" on-finish-render>
            <div class="subnet-title">
                <div class="subnet-icon">
                    <i class="icon-bn00"></i>
                </div>
            </div>
            <div class="subnet-network">
                <span ng-bind="vpc.network"></span>
            </div>
            <div class="subnet-group item-height" ng-style="{height: $ctrl.items[$index].height + 'px'}">
                <ul>
                    <li ng-repeat="uhost in vpc.uhosts">
                        <div class="subnet-uhost">
                            <i class="ti-desktop"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <div ng-if="$ctrl.items[$index].isMore" class="subnet-collapsed" ng-click="$ctrl.onCollapsed($index)">
                <i class="ti-more-alt"></i>
                <span ng-bind="$ctrl.items[$index].hasMore ? '展开' : '收起'"></span>
            </div>
        </div>

    </div>
</div>